<!DOCTYPE script PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/LoadingUrl.jsp"%>
<script src="<c:url value="/resources/js/totaljs.js" />"></script>


<body id="wcq" class="fw-res cdc-login show tundra" style=""
	onload="welcomePageLoad();">

	<div id="fw-skiplinks">
		<ul class="container">
			<li><a href="/" tabindex="3" data-text="SKIP_TO_HOME">Home</a></li>
			<li><a href="#fw-content" data-text="SKIP_TO_CONTENT"
				tabindex="4">Skip to Content</a></li>
			<li><a href="#fw-footer" class="last" data-text="SKIP_TO_FOOTER"
				tabindex="5">Skip to Footer</a></li>
		</ul>
	</div>
	<header id="fw-masthead">
	<div id="fw-banner">
		<button id="fw-treenavbutton" class="">
			<span></span> <span></span> <span></span>
		</button>
		<div id="fw-logo">
			<a href="http://www.cisco.com">Cisco.com Worldwide Home</a>
		</div>
		<nav id="fw-areanav">
		<ul>
			<li><a href="">Products &amp; Services</a></li>
			<li><a data-url="AREA_TAC_URL_GUEST"
				href="/en/US/support/index.html" data-text="AREA_TAC">Support</a></li>
			<li><a data-url="AREA_ORDERING_URL_GUEST"
				href="/web/ordering/root/index.html" data-text="AREA_ORDERING">How
					to Buy</a></li>
			<li><a data-url="AREA_LEARNING_EVENTS_URL"
				href="/web/learning/index.html" data-text="AREA_LEARNING_EVENTS">Training
					&amp; Events</a></li>
			<li><a data-url="AREA_PARTNERS_RESELLERS_URL"
				href="/web/partners/index.html" data-text="AREA_PARTNERS_RESELLERS">Partners</a></li>
		</ul>
		</nav>
	</div>
	</header>

	<!-- Start BorderContainer -->
	<div data-dojo-type="dijit/layout/BorderContainer"
		id="borderContainerTwo">

		<!-- TreeGrid -->
		<div data-dojo-type="dijit/layout/AccordionContainer"
			data-dojo-props="region:'leading'">
			<div data-dojo-type="dijit/layout/AccordionPane"
				title="List of Test Functionalities">
				<div data-dojo-type="dijit.layout.ContentPane"
					data-dojo-props="minSize:20, region:'leading'"
					style="width: 300px;" title="Tree View">
					<div id="tree"></div>
					<script>
						dojo.require("dojo.store.JsonRest");
						dojo.require("dojo.store.Observable");
						dojo.require("dijit.Tree");
						dojo.require("dijit.tree.dndSource");
						dojo.ready(function() {
							treeLoad();
						});
					</script>

				</div>
			</div>
		</div>
		<!-- end TreeGrid -->
		<!-- right hand part starts -->
		<div data-dojo-type="dijit/layout/ContentPane"
			data-dojo-props="region:'center'" id="content_pane_1">
			<!-- right hand upper starts-->
			<div data-dojo-type="dijit/layout/AccordionContainer"
				data-dojo-props="region:'leading'">
				<div data-dojo-type="dijit/layout/AccordionPane" title="Description">
					<!-- middle pane for Tf description-->
					<div id="middlepane" data-dojo-type="dijit/layout/ContentPane"
						data-dojo-props="region:'top'">

						<form action="">
							<table id="table">
								<tr>
									<td width="50px" height="40px"><label for="TFname">Name</label></td>
									<td height="40px">:<input id="TFname" name="TFname"
										data-dojo-type="dijit/form/TextBox" /></td>
								</tr>
								<tr>
									<td width="50px" height="40px"><label for="TFdescription">Description</label></td>
									<td height="40px">:<input id="TFdescription"
										name="TFdescription" data-dojo-type="dijit/form/TextBox" /></td>
								</tr>
								<tr>
									<td width="50px" height="40px"><label for="TFstatistics">Statistics</label></td>
									<td height="40px">:<input id="TFstatistics"
										name="TFstatistics" data-dojo-type="dijit/form/TextBox" /></td>
								</tr>
							</table>
						</form>
					</div>

					<!-- end of middle pane for Tf description-->
					<!-- middle pane1 for Tc description -->
					<div id="middlepane1" data-dojo-type="dijit/layout/ContentPane"
						data-dojo-props="region:'top'">

						<form action="">
							<table id="table">
								<tr>
									<td width="50px" height="40px"><label for="TCname">Name</label></td>
									<td height="40px">:<input id="TCname" name="TCname"
										data-dojo-type="dijit/form/TextBox" /></td>
								</tr>
								<tr>
									<td width="50px" height="40px"><label for="TCdescription">Description</label></td>
									<td height="40px">:<input id="TCdescription"
										name="TCdescription" data-dojo-type="dijit/form/TextBox" /></td>
								</tr>

							</table>
						</form>
					</div>
					<!-- end of middle pane1 for Tc description -->
				</div>
			</div>
			<!-- end of right hand upper starts-->
			<!-- right hand lower starts-->

			<!-- bottom pane for Tf datagrid-->
			<div data-dojo-type="dijit/layout/AccordionContainer" id="accordion"
				data-dojo-props="region:'leading'">

				<div data-dojo-type="dijit/layout/AccordionPane"
					title="Test Functionality">

					<div id="btmpane" data-dojo-type="dijit/layout/ContentPane"
						data-dojo-props="region:'leading'">

						<div id="gridContainer"></div>

					</div>
					<center>
						<input type="submit" value="Save" name="login-button"
							class="button-cta default-command-button" id="login-button"
							onClick="myDialog.show();"> <input type="reset"
							value="Cancel" name="login-button"
							class="button-cta default-command-button" id="login-button">
					</center>
				</div>
			</div>
			<!--end of bottom pane for Tf datagrid-->
			<!-- bottom pane for Tc datagrid-->
			<div data-dojo-type="dijit/layout/AccordionContainer" id="accordion1"
				data-dojo-props="region:'leading'">
				<div data-dojo-type="dijit/layout/AccordionPane" title="Test Case"
					id="accpane">

					<div id="btmpane1" data-dojo-type="dijit/layout/ContentPane"
						data-dojo-props="region:'leading'">

						<div id="grid"></div>

						<center>
							<input type="submit" value="Save" name="login-button"
								class="button-cta default-command-button" id="login-button"
								onClick="myDialog1.show();"> <input type="reset"
								value="Cancel" name="login-button"
								class="button-cta default-command-button" id="login-button">
						</center>

					</div>

				</div>
			</div>
			<!--end of bottom pane for Tc datagrid-->

			<!--end of lower part-->
		</div>
		<!--end of RIGHT HAND SIDE-->
	</div>
	<!-- end BorderContainer -->
	<!-- myDialog starts-->
	<div data-dojo-type="dijit/Dialog" data-dojo-id="myDialog"
		title="TestCase Details" id="dailogue">
		<div data-dojo-type="dijit/form/Form" id="myForm"
			data-dojo-id="myForm" encType="multipart/form-data" method="post">
		<table class="dijitDialogPaneContentArea">
			<tr>
				<th>TestCaseNum</th>
				<th>TestCaseName</th>
				<th>Description</th>
				<th>Type</th>
			</tr>
			<tr>
				<td><input data-dojo-type="dijit/form/TextBox"
					name="TestCaseNum" id="TestCaseNum" ></td>
				<td><input data-dojo-type="dijit/form/TextBox"
					name="TestCaseName" id="TestCaseName"></td>
				<td><input data-dojo-type="dijit/form/TextBox"
					name="Description" id="Description"></td>
				<td><input data-dojo-type="dijit/form/TextBox" name="Type"
					id="Type"></td>

			</tr>
		</table>
<div id="hello" ></div>
		<div class="dijitDialogPaneActionBar">
			<center>
				<input type="button" value="Ok" class="but123456" id="ok"
					onClick="addTestCase();myDialog.hide();dojo.destroy(myDialog);"> <input
					type="button" value="cancel" class="but123456" id="cancel"
					onClick="myDialog.hide();">
<input type="button" value="add" class="but123456" id="addTc"
					onClick="addTestCases('hello');">
			</center>
			</div>
		</div>

	</div>
	<!-- myDialog ends-->
	<!-- myDialog1 starts-->
	<div data-dojo-type="dijit/Dialog" data-dojo-id="myDialog1"
		title="TestCase Field Details" id="dailogue1">
		<div data-dojo-type="dijit/form/Form" id="myForm1"
			data-dojo-id="myForm1" encType="multipart/form-data" method="post">
		<table class="dijitDialogPaneContentArea">
			<tr>
				<th>FieldName</th>
				<th>Fieldtype</th>
				<th>Permission</th>
				<th>FieldValue</th>
				<th>Xpath</th>
			</tr>
			<tr>
				<td><input data-dojo-type="dijit/form/TextBox" name="FieldName" 
					id="FieldName"></td>
				<td><input data-dojo-type="dijit/form/TextBox" name="Fieldtype"
					id="Fieldtype"></td>
				<td><input data-dojo-type="dijit/form/TextBox"
					name="Permission" id="Permission"></td>
				<td><input data-dojo-type="dijit/form/TextBox"
					name="FieldValue" id="FieldValue"></td>
				<td><input data-dojo-type="dijit/form/TextBox" name="Xpath"
					id="Xpath"></td>

			</tr>
		</table>
<div id="hello1" ></div>
		<div class="dijitDialogPaneActionBar">
			<center>

				<input type="button" value="Ok" class="but123456" id="ok1"
					onClick="addTestCaseFields11();myDialog1.hide();"> 
					<input type="button" value="cancel" class="but123456" id="cancel1"
					onClick="myDialog1.hide();">
					<input type="button" value="add" class="but123456" id="addTF"
					onClick="addTestCaseFields('hello1');">
			</center>
		</div>
		</div>
	</div>
	<!-- myDialog1 ends-->

</body>
</html>